<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="UTF-8">
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/order_details.css" />
		<link rel="stylesheet" href="css/order.css" />
		<link rel="stylesheet" href="css/user.css" />
		<title>用户中心</title>
	</head>

	<body>
		<div class="header">
			<div class="top">
				<div class="w12">
					<p>欢迎来到易品益生商城！</p>
					<ul>
						<li>
							<a href="user.html">小**小 </a>
							<a class="vip" href="#">VIP3</a>
						</li>
						<li>
							<img src="img/idx-order.png" alt=""/>
							<a href="order.html">我的订单</a>
						</li>
						<li>
							<img src="img/idx-cart.png" alt=""/>
							<a href="shop_cart.html">我的购物车</a>
						</li>
						<li>
							<a href="#">客户服务</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="mid w12">
				<div class="logo">
					<a href="index.html"> <img src="img/logo.png" alt=""/> </a>
				</div>
				<div class="search">
					<form>
						<input type="text" value="" id="ipt" />
						<input type="submit" value="搜索" id="btn" />												
					</form>	
					<div class="history">
						<ul></ul>
					</div>
				</div>
				<div class="hotwords">
					<ul>
						<li>
							<a href="pro_list.html">矿泉水</a>
						</li>
						<li>
							<a href="pro_list.html">饮用水</a>
						</li>
						<li>
							<a href="pro_list.html">桶装水</a>
						</li>
						<li>
							<a href="pro_list.html">苏打水</a>
						</li>
						<li>
							<a href="pro_list.html">山泉水</a>
						</li>
						<li>
							<a href="pro_list.html">矿物水</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="nav">
				<div class="w12">
					<div class="nav-type">
						<div class="title">
							<p><img src="img/iconfont.png" alt=""/>&nbsp;全部商品分类</p>
							<div class="item">
								<ul>
									<li>
										<a href="pro_list.html" class="item-tit"><b>家装水</b></a>
										<a href="pro_list.html">家用饮水</a>
										<i>/</i>
										<a href="pro_list.html">桶装水</a>
									</li>
									<li>
										<a href="pro_list.html" class="item-tit"><b>瓶装水</b></a>
										<a href="pro_list.html">125毫升</a>
										<i>/</i>
										<a href="pro_list.html">240毫升</a>
									</li>
									<li>
										<a href="pro_list.html" class="item-tit"><b>矿泉水</b></a>
										<a href="pro_list.html">山中饮水</a>
										<i>/</i>
										<a href="pro_list.html">矿物水</a>
									</li>
									<li>
										<a href="pro_list.html" class="item-tit"><b>山泉水</b></a>
										<a href="pro_list.html">500毫升</a>
										<i>/</i>
										<a href="pro_list.html">1000毫升</a>
									</li>
									<li>
										<a href="pro_list.html" class="item-tit"><b>苏打水</b></a>
										<a href="pro_list.html">240毫升</a>
										<i>/</i>
										<a href="pro_list.html">500毫升</a>
									</li>
									<li>
										<a href="pro_list.html" class="item-tit"><b>桶装水</b></a>
										<a href="pro_list.html">2000毫升</a>
										<i>/</i>
										<a href="pro_list.html">2500毫升</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="nav-ul">
						<ul>
							<li>
								<a href="index.html" class="active">商城首页</a>
							</li>
							<li>
								<a href="#">最新商品</a>
							</li>
							<li>
								<a href="#">热门商品</a>
							</li>
							<li>
								<a href="#">推荐商品</a>
							</li>
							<li>
								<a href="#">爆款推荐</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="middle w12">
			<div class="silder">
				<div class="title">
					<h3>会员中心</h3>
				</div>
				<div class="silder-list">
					<div class="sub-list">
						<h4>用户中心</h4>
						<ul>
							<li>
								<a href="order.html">我的订单</a>
							</li>
							<li>
								<a href="shop_cart.html">我的购物车</a>
							</li>
							<li>
								<a href="#">我的收藏</a>
							</li>
							<li>
								<a href="#">我的评价</a>
							</li>
						</ul>
					</div>
					<div class="sub-list">
						<h4>会员账户信息</h4>
						<ul>
							<li>
								<a href="#" class="active">个人资料</a>
							</li>
							<li>
								<a href="#">账户余额</a>
							</li>
							<li>
								<a href="address.html">管理地址</a>
							</li>
							<li>
								<a href="#">修改密码</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="mid-right">
				<div class="user-center">
					<div class="user-left">
						<div class="pic">
							<a href="#"><img src="img/user.png" alt="" /></a>							
						</div>
						<div class="info">
							<div class="tit">您好，欢迎来到会员中心！</div>
							<div class="account">
								<p>昵称：小**小</p>
								<p>账号：18876543210</p>
							</div>
							<div class="handle">
								<a href="" class="active">修改头像</a>
								<a href="">修改昵称</a>
							</div>
						</div>
					</div>
					<div class="user-right">
						<div class="on-hand">
							<div class="comment">
								<a href="#">待评论（<span>0</span>）</a>
							</div>
							<div class="obligation">
								<a href="#">待付款（<span>2</span>）</a>
							</div>
						</div>
						<div class="orders">
							<div class="pending-receipt">
								<a href="#">待确认收货（<span>0</span>）</a>
							</div>
							<div class="completed-order">
								<a href="#">已完成订单（<span>666</span>）</a>
							</div>
						</div>
					</div>
				</div>
				<div class="consumption">
					<div class="integral">
						<p>积分：<span>600</span></p>
					</div>
					<div class="total-amount">
						<p>总消费额：<span>￥<b>78.00</b></span></p>
					</div>
				</div>
				<div class="orderInfo">
					<div class="tit">
						<ul>
							<li class="info">订单商品信息</li>
							<li class="num">数量</li>
							<li class="price">单价</li>
							<li class="state">订单状态</li>
							<li class="handle">订单操作</li>
						</ul>
					</div>
					<div class="order-list">
						<ul>
							<li>
								<div class="list-left">
									<a href=""> <img src="img/order-details.png" alt="" /> </a>
									<p>订单号：18987123456+</p>
									<p>交易单号：18987123456+</p>
									<p>交易时间：2017.5.12</p>
									<p>商品金额：￥39.00（运费：0.00元）</p>
								</div>
								<div class="num">
									<p>1</p>
								</div>
								<div class="price">
									<p>￥<span>39.00</span></p>
								</div>
								<div class="state">
									<p>已付款</p>
									<p>
										<a href="">查看物流详情</a>
									</p>
								</div>
								<div class="handle">
									<a href="order_details.html">产看详情</a>
								</div>
							</li>
							<li>
								<div class="list-left">
									<a href=""> <img src="img/order-details.png" alt="" /> </a>
									<p>订单号：18987123456+</p>
									<p>交易单号：18987123456+</p>
									<p>交易时间：2017.5.12</p>
									<p>商品金额：￥39.00（运费：0.00元）</p>
								</div>
								<div class="num">
									<p>1</p>
								</div>
								<div class="price">
									<p>￥<span>39.00</span></p>
								</div>
								<div class="state">
									<p>已付款</p>
									<p>
										<a href="">查看物流详情</a>
									</p>
								</div>
								<div class="handle">
									<a href="order_details.html">产看详情</a>
								</div>
							</li>
						</ul>
					</div>
					<div class="more">
						<a href="#">查看更多</a>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="w12">
				<div class="top">
					<ul>
						<li>
							<a href="javascript:;">
								<img src="img/much.png" alt=""/>
								<b>品类齐全，轻松购物</b>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<img src="img/fast.png" alt=""/>
								<b>多仓直发，极速配货</b>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<img src="img/well.png" alt=""/>
								<b>质量保证，天然水质</b>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<img src="img/save.png" alt=""/>
								<b>天天低价，畅选无忧</b>
							</a>
						</li>
					</ul>
				</div>
				<div class="mid">
					<div class="help-nav">
						<h5>购物指南</h5>
						<ul>
							<li>
								<a href="#">购物流程</a>
							</li>
							<li>
								<a href="#">会员介绍</a>
							</li>
							<li>
								<a href="#">生活旅行</a>
							</li>
							<li>
								<a href="#">常见问题</a>
							</li>
							<li>
								<a href="#">大桶水</a>
							</li>
							<li>
								<a href="#">联系客服</a>
							</li>
						</ul>
					</div>
					<div class="help-nav">
						<h5>配送方式</h5>
						<ul>
							<li>
								<a href="#">上门提醒</a>
							</li>
							<li>
								<a href="#">211限时达</a>
							</li>
							<li>
								<a href="#">配送服务查询</a>
							</li>
							<li>
								<a href="#">送水热线</a>
							</li>
							<li>
								<a href="#">大桶水</a>
							</li>
						</ul>
					</div>
					<div class="help-nav">
						<h5>支付方式</h5>
						<ul>
							<li>
								<a href="#">货到付款</a>
							</li>
							<li>
								<a href="#">在线支付</a>
							</li>
							<li>
								<a href="#">微信支付</a>
							</li>
							<li>
								<a href="#">支付宝</a>
							</li>
						</ul>
					</div>
					<div class="help-nav">
						<h5>售后服务</h5>
						<ul>
							<li>
								<a href="#">售后政策</a>
							</li>
							<li>
								<a href="#">价格保护</a>
							</li>
							<li>
								<a href="#">退款说明</a>
							</li>
							<li>
								<a href="#">质量问题</a>
							</li>
							<li>
								<a href="#">取消订单</a>
							</li>
						</ul>
					</div>
					<div class="help-cover">
						<h5>易品益生覆盖区县</h5>
						<p class="help-cover-info">易品益生已向全国2666个区县提供送货上门服务，支持货到付款、POS机刷卡和售后上门服务。</p>
						<p class="help-cover-more"><a href="#">产看详情</a></p>
					</div>
				</div>
				<div class="copyright">
					<ul>
						<li>
							<a href="#">关于我们</a>
						</li>
						<li>
							<a href="#">联系我们</a>
						</li>
						<li>
							<a href="#">联系客服</a>
						</li>
						<li>
							<a href="#">合作招商</a>
						</li>
						<li>
							<a href="#">商家帮助</a>
						</li>
						<li>
							<a href="#">营销中心</a>
						</li>
						<li>
							<a href="#">友情链接</a>
						</li>
						<li>
							<a href="#">销售联盟</a>
						</li>
						<li>
							<a href="#">隐私政策</a>
						</li>
						<li>
							<a href="#">公益活动</a>
						</li>
					</ul>
					<p>copyright © 2001 - 2017   易品益生水业版权所有</p>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-1.11.0.js" charset="UTF-8"></script>
	<script src="res/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/history.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/user.js" charset="UTF-8"></script>
</html>